<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/zyq-lxwm.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/lunbotu.css">
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
    <script src="../lib/jquery-1.12.4.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/lxwm.js"></script>
    <script src="../js/footer1.js"></script>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }

        #allmap {
            height: 500px;
            width: 100%;
        }

        #r-result, #r-result table {
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V61wasr56QlfDOUi1SV8MZZYmXVCPLI8"></script>
</head>
<body>
<!--顶部-->
<div class="top">
    <!--顶部板心-->
    <div class="zyq-top w">
        <!--顶部logo-->
        <div class="zyq-logo fl">
            <img src="../images/logo.png" alt="">
        </div>
        <!--顶部导航栏-->
        <div class="top-nav clearfix fl">
            <ul class="clearfix">
                <li><a href="../lh-home.html">首页</a></li>
                <li><a href="whereof.html">关于我们</a></li>
                <li><a href="hcy-gsxw.html">公司新闻</a></li>
                <li><a href="food.html">产品展示</a></li>
                <li><a href="tuandui.html">团队展示</a></li>
                <li><a href="zyq-lxwm.html">联系我们</a></li>
            </ul>
        </div>
        <!--顶部搜索框-->
        <div class="top-search fl clearfix">
            <!--获得焦点时，自动选中里面的所有内容，   onfocus='this.select()';-->
            <input type="text" value="请输入关键词" id="topTxt" class="topTxt" onfocus="this.select()">
            <span id="topBtn"><i class="iconfont icon-sousuo"></i></span>
        </div>
        <!--购物车部分-->
        <div class="top-shop fl">
            <i class="iconfont icon-gouwuche"></i>
            <span>0</span>
        </div>
    </div>
</div>
<!--轮播图！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！-->
<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li><img src="../images/homePage/-1172.png" width="1920px"/>
                <div>

                    <h5>Make with love</h5>
                    <span>用心做</span>
                    <p>Green onion,ginger and farlic are</p>
                    <p>ChineseFavorite flavor of vegetables to say to in a day</p>
                    <p>Essential in the kitchen</p>
                    <a href="">OUR MENU</a>
                </div>
            </li>
            <li><img src="../images/homePage/-2028.png"/>
                <div class="bd-div2">
                    <h5>美食网站</h5>
                    <span>第六组</span>
                    <p>食为先</p>
                    <p>吃遍天下</p>
                    <p>民以食为天</p>
                    <p>唯独美食不可辜负</p>
                    <p>你值得拥有</p>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--中间  联系我们  部分-->
<div class="w zyq-fs clearfix">
    <div class="zyq-contact">
        <p>联系我们</p>
        <span>Contact us</span>
    </div>
</div>
<!--地址部分-->
<div class="zyq-next w clearfix">
    <div class="zyq-map fl">
        <div id="allmap"></div>
        <div id="driving_way">
            <select>
                <option value="0">最少时间</option>
                <option value="1">最短距离</option>
                <option value="2">避开高速</option>
            </select>
            <input type="button" id="result" value="查询"/>
        </div>
        <div id="r-result"></div>
        <!--<div class="zyq-map-nav">-->
        <!--<ul>-->
        <!--<li><a href="#">地图</a></li>-->
        <!--<li><a href="#">卫星</a></li>-->
        <!--<li><a href="#">三维</a></li>-->
        <!--</ul>-->
        <!--</div>-->
    </div>
    <div class="zyq-address fl">
        <ul>
            <li><a href="#">公司名称：1x1公司</a></li>
            <li><a href="#">联系地址：广东省广州市天河区津安创意园313室</a></li>
            <li><a href="#">联系电话：400-xxx-0000</a></li>
            <li><a href="#">联系传真：010xxxx8888</a></li>
            <li><a href="#">电子邮箱：name@example.xxx</a></li>
        </ul>
        <span>
            <img src="../images/RenderQRCode.jpg" alt="">
        </span>
    </div>
</div>
<div class="gzq-footer">
    <div class="gzq-footer-banxin">
        <div class="gzq-footer-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd>订餐指南</dd>
                <dd>配送方式</dd>
                <dd>支付方式</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后反馈</dd>
                <dd>意见反馈</dd>
                <dd>手机版</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>了解我们</dd>
                <dd>联系我们</dd>
                <dd>管理后台</dd>
            </dl>
        </div>
        <div class="gzq-footer-right" >
            <div class="gzq-footer-erweima"><p> 扫码有惊喜</p><img src="../images/erweima.png" alt=""></div>
            <div class="gzq-footer-line"></div>
            <div class="gzq-footer-phone">
                <span class="gzq-footer-phonenumber"><a href="">400-xxx-0000</a></span>
                <span class="gzq-footer-phonetime">24小时在线</span>
            </div>
        </div>
        <div class="gzq-footer-banquan">
            <span>版权所有:<a href="">六组有限公司</a></span>
            <span>备案号:<a href="">传智313</a></span>
        </div>


    </div>
</div>

<div class="zyq-enter">
    <div class="zyq-denglu">
        <div class="zyq-denglu-left fl">
            <p>登录领豪礼</p>
            <input type="text" placeholder="请输入用户账号" class="zyq-denglu-txt">
            <input type="password" placeholder="请输入用户密码" class="zyq-denglu-password">
            <input type="button" value="注册" class="zyq-denglu-zhuce">
            <input type="button" value="登录" class="zyq-denglu-enter">
            <a href="#">忘记密码？</a>
        </div>
        <div class="zyq-denglu-right fr">
            <p>下载客户端</p>
            <img src="../images/erweima.png" alt="">
        </div>
        <div class="zyq-enter-close fl">
            ×
        </div>
        <div class="zyq-tishi">
            <span>好礼相送</span>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var start = "深圳";
    var end = "广州";
    map.centerAndZoom(new BMap.Point(113.27, 23.13), 12);
    //三种驾车策略：最少时间，最短距离，避开高速
    var routePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME, BMAP_DRIVING_POLICY_LEAST_DISTANCE, BMAP_DRIVING_POLICY_AVOID_HIGHWAYS];
    $("#result").click(function () {
        map.clearOverlays();
        var i = $("#driving_way select").val();
        search(start, end, routePolicy[i]);

        function search(start, end, route) {
            var driving = new BMap.DrivingRoute(map, {renderOptions: {map: map, autoViewport: true}, policy: route});
            driving.search(start, end);
        }
    });
</script>
<script>
    $(function () {
        // effect 轮播图效果 fold:淡入淡出 || topLoop:上循环滚动 || leftLoop:左循环滚动;
        $(".slideBox").slide({mainCell: ".bd ul", autoPlay: true, effect: 'leftLoop'});
    });
</script>